<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>读了么—网上书城</title>
    <link rel="stylesheet" href="style/First_Page.css"/>
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="js/First_Page.js"></script>
    <script type="text/javascript">
        window.onload=function () {
                var a ="${sessionScope.login}";
                if(a=="1"){
                    document.getElementById("login").style.display="none";
                    document.getElementById("avatar").style.display="inline";
                    document.getElementById("buy_car").style.display="inline";
                    document.getElementById("car_image").style.display="inline";
                    document.getElementById("exit").style.display="inline";

                }
                else{
                    document.getElementById("login").style.display="inline";
                    document.getElementById("avatar").style.display="none";
                    document.getElementById("buy_car").style.display="none";
                    document.getElementById("car_image").style.display="none";
                    document.getElementById("exit").style.display="none";

                }
            }
    </script>
    <script src="js/jquery.animate-colors-min.js"></script>
</head>
<body>
<div id="main_head_box">
    <div class="head_box">
        <div id="head_wrap">
            <div id="head_right">
                <div id="head_landing">
                    <a id="login" class="head_nav_a" href="Login.html" style="display: inline;">登陆/注册</a>
                    <a href="Self_Information.jsp"><img src="${sessionScope.user.avatar}" id="avatar" style="display: none;height:30px;width:30px;border-radius: 45px;margin-right:50px;margin-top: 5px;"></a>
                    <a id="exit" style="display: none;float:right;margin-left:15px;" href="First_Page.jsp" onclick="login2exit()">注销</a>
                    <img src="image/buy_car.jpg" style="display:none;height:30px;width:30px;border-radius: 90px" id="car_image">
                    <a id="buy_car" class="head_nav_a" style="display: block;float:right;margin-left:5px;" href="Buy_Car.jsp">购物车</a>
                </div>
            </div>
        </div>
    </div>
    <div id="menu_wrap">
        <p id="menu_logo">读了么 <i>DuLeMe.com</i></p>
        <div id="find_wrap">
            <div id="find_bar">
                <input type="text" id="find_input">
            </div>
            <div id="find_but" onclick="search_method()"><a>GO</a></div>
        </div>
    </div>
</div>
<div id="big_banner_wrap">
    <ul id="banner_menu_wrap">
        <li class="active"img>
            <a>书籍分类</a>
        </li>
        <li id="popular" onmouseover="show1()" onmouseout="div_hidden()">
            <a>流行</a>
            <a class="banner_menu_i">&gt;</a>
        </li>
        <li id="culture" onmouseover="show2()" onmouseout="div_hidden()">
            <a>文化</a>
            <a class="banner_menu_i">&gt;</a>
        </li>
        <li id="manage" onmouseover="show3()" onmouseout="div_hidden()">
            <a>经营</a>
            <a class="banner_menu_i">&gt;</a>
        </li>
        <li id="life" onmouseover="show4()" onmouseout="div_hidden()">
            <a>生活</a>
            <a class="banner_menu_i">&gt;</a>
        </li>
        <li id="technology" onmouseover="show5()" onmouseout="div_hidden()">
            <a>科技</a>
            <a class="banner_menu_i">&gt;</a>
        </li>
        <li id="literature" onmouseover="show6()" onmouseout="div_hidden()">
            <a>文学</a>
            <a class="banner_menu_i">&gt;</a>
        </li>
        <li>
    </ul>
    <div id="big_banner_pic_wrap">
        <ul id="big_banner_pic">
            <li><a href="http://localhost:8080/data/book?shopId=1&bookId=95&method=bookId"><img src="image/轮播1.jpg"></a></li>
            <li><a href="http://localhost:8080/data/book?shopId=4&bookId=92&method=bookId"><img src="image/轮播2.jpg"></a></li>
            <li><a href="http://localhost:8080/data/book?shopId=5&bookId=93&method=bookId"><img src="image/轮播3.jpg"></a></li>
            <li><a href="http://localhost:8080/data/book?shopId=2&bookId=90&method=bookId"><img src="image/轮播4.jpg"></a></li>
            <li><a href="http://localhost:8080/data/book?shopId=1&bookId=124&method=bookId"><img src="image/轮播5.jpg"></a></li>
        </ul>
    </div>
    <div id="show_box1" onmouseout="div_hidden()" onmouseover="show1()" class="list_show">
        <ul id="show_box1_ul">
            <li>
                <a href="http://localhost:8080/classify.jsp?category=推理&method=category" id="tuili">推理</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=青春&method=category" id="qingchun">青春</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=科幻&method=category" id="kehuan">科幻</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=武侠&method=category" id="wuxia">武侠</a>
            </li>
            <li style="border: none">
                <a href="http://localhost:8080/classify.jsp?category=奇幻&method=category" id="qihuan">奇幻</a>
            </li>
        </ul>
    </div>
    <div id="show_box2" onmouseout="div_hidden()" onmouseover="show2()" class="list_show">
        <ul id="show_box1_ul2">
            <li>
                <a href="http://localhost:8080/classify.jsp?category=历史&method=category" id="lishi">历史</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=设计&method=category" id="sheji">设计</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=戏剧&method=category" id="xiju">戏剧</a>
            </li>
            <li style="border: none">
                <a href="http://localhost:8080/classify.jsp?category=国学&method=category" id="guoxue">国学</a>
            </li>
        </ul>
    </div>
    <div id="show_box3" onmouseout="div_hidden()" onmouseover="show3()" class="list_show">
        <ul id="show_box1_ul3">
            <li>
                <a href="http://localhost:8080/classify.jsp?category=经济学&method=category" id="jingjixue">经济学</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=金融&method=category" id="jinrong">金融</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=股票&method=category" id="gupiao">股票</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=创业&method=category" id="chuangye">创业</a>
            </li>
            <li style="border: none">
                <a href="http://localhost:8080/classify.jsp?category=商业&method=category" id="shangye">商业</a>
            </li>
        </ul>
    </div>
    <div id="show_box4" onmouseout="div_hidden()" onmouseover="show4()" class="list_show">
        <ul id="show_box1_ul4">
            <li>
                <a href="http://localhost:8080/classify.jsp?category=旅行&method=category" id="lvxing">旅行</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=爱情&method=category" id="aiqing">爱情</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=励志&method=category" id="lizhi">励志</a>
            </li>
            <li style="border: none">
                <a href="http://localhost:8080/classify.jsp?category=教育&method=category" id="jiaoyu">教育</a>
            </li>
        </ul>
    </div>
    <div id="show_box5" onmouseout="div_hidden()" onmouseover="show5()" class="list_show">
        <ul id="show_box1_ul5">
            <li>
                <a href="http://localhost:8080/classify.jsp?category=科普&method=category" id="kepu">科普</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=编程&method=category" id="biancheng">编程</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=用户体验&method=category" id="yonghutiyan">用户体验</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=神经网络&method=category" id="shenjingwangluo">神经网络</a>
            </li>
            <li style="border: none">
                <a href="http://localhost:8080/classify.jsp?category=WEB&method=category" id="WEB">WEB</a>
            </li>
        </ul>
    </div>
    <div id="show_box6" onmouseout="div_hidden()" onmouseover="show6()" class="list_show">
        <ul id="show_box1_ul6">
            <li>
                <a href="http://localhost:8080/classify.jsp?category=小说&method=category" id="xiaoshu">小说</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=外国文学&method=category" id="waiguowenxue">外国文学</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=中国文学&method=category" id="zhongguowenxue">中国文学</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=随笔&method=category" id="suibi">随笔</a>
            </li>
            <li>
                <a href="http://localhost:8080/classify.jsp?category=名著&method=category" id="mingzhu">名著</a>
            </li>
            <li style="border: none">
                <a href="http://localhost:8080/classify.jsp?category=诗歌&method=category" id="shige">诗歌</a>
            </li>
        </ul>
    </div>
</div>
<div class="main_show_box">
    <div class="floor_1">
        <div class="floor_head">
            <span class="title_span">畅销排行</span>
        </div>
    </div>
    <div class="floor_goods_wrap">
        <ul>
            <li>
                <a href="http://localhost:8080/data/book?shopId=2&bookId=90&method=bookId" ><img src="cover/90.jpg" class="img_style"></a>
                <a>&lt;&lt; 活着 &gt;&gt;</a>
                <a>出版社：作家出版社</a>
                <a class="floor_goods_price">价格：20元</a>
            </li>
            <li>
                <a href="http://localhost:8080/data/book?shopId=3&bookId=91&method=bookId"><img src="cover/91.jpg" class="img_style"></a>
                <a>&lt;&lt; 解忧杂货铺 &gt;&gt;</a>
                <a>出版社：南海出版公司</a>
                <a class="floor_goods_price">价格：39.5元</a>
            </li>
            <li>
                <a href="http://localhost:8080/data/book?shopId=4&bookId=92&method=bookId"><img src="cover/92.jpg" class="img_style"></a>
                <a>&lt;&lt; 追风筝的人 &gt;&gt;</a>
                <a>出版社：上海人民出版社</a>
                <a class="floor_goods_price">价格：29元</a>
            </li>
            <li id="last_child2">
                <p class="sort_title">畅销排行榜</p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=2&bookId=90&method=bookId">1.活着</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=3&bookId=91&method=bookId">2.解忧杂货铺</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=4&bookId=92&method=bookId">3.追风筝的人</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=1&bookId=94&method=bookId">4.百年孤独</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=1&bookId=97&method=bookId">5.平凡的世界</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=5&bookId=118&method=bookId">6.天龙八部</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=1&bookId=112&method=bookId">7.挪威的森林</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=1&bookId=116&method=bookId">8.流浪地球</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=1&bookId=124&method=bookId">9.明朝那些事</a></p>
                <p class="sort_last"><a href="http://localhost:8080/data/book?shopId=5&bookId=120&method=bookId">10.神雕侠侣</a></p>
            </li>
            <li class="floor_goods_wrap_li">
                <a href="http://localhost:8080/data/book?shopId=5&bookId=93&method=bookId" class="floor_goods_img"><img src="cover/93.jpg" class="img_style"></a>
                <a class="floor_goods_tit">&lt;&lt; 月亮与六便士 &gt;&gt;</a>
                <a class="floor_goods_txt">出版社：浙江文艺出版社</a>
                <a class="floor_goods_price">价格：39.8元</a>
            </li>
            <li class="floor_goods_wrap_li">
                <a href="http://localhost:8080/data/book?shopId=1&bookId=94&method=bookId" class="floor_goods_img"><img src="cover/94.jpg" class="img_style"></a>
                <a class="floor_goods_tit">&lt;&lt; 百年孤独 &gt;&gt;</a>
                <a class="floor_goods_txt">出版社：南海出版公司</a>
                <a class="floor_goods_price">价格：39.5元</a>
            </li>
            <li class="floor_goods_wrap_li">
                <a href="http://localhost:8080/data/book?shopId=1&bookId=95&method=bookId" class="floor_goods_img"><img src="cover/95.jpg" class="img_style"></a>
                <a class="floor_goods_tit">&lt;&lt; 霍乱时期的爱情 &gt;&gt;</a>
                <a class="floor_goods_txt">出版社：南海出版公司</a>
                <a class="floor_goods_price">价格：39.5元</a>
            </li>
            <div style="clear:both;"></div>
        </ul>
    </div>
</div>
<div class="main_show_box">
    <div class="floor_1">
        <div class="floor_head">
            <span class="title_span">本周榜单</span>
        </div>
    </div>
    <div class="floor_goods_wrap">
        <ul>
            <li class="floor_goods_wrap_li">
                <a href="http://localhost:8080/data/book?shopId=4&bookId=96&method=bookId" class="floor_goods_img"><img src="cover/96.jpg" class="img_style"></a>
                <a class="floor_goods_tit">&lt;&lt; 围城 &gt;&gt;</a>
                <a class="floor_goods_txt">出版社：人民文学出版社</a>
                <a class="floor_goods_price">价格：19元</a>
            </li>
            <li class="floor_goods_wrap_li">
                <a href="http://localhost:8080/data/book?shopId=1&bookId=97&method=bookId" class="floor_goods_img"><img src="cover/97.jpg" class="img_style"></a>
                <a class="floor_goods_tit">&lt;&lt; 平凡的世界 &gt;&gt;</a>
                <a class="floor_goods_txt">出版社：人民文学出版社</a>
                <a class="floor_goods_price">价格：64元</a>
            </li>
            <li class="floor_goods_wrap_li">
                <a href="http://localhost:8080/data/book?shopId=5&bookId=98&method=bookId" class="floor_goods_img"><img src="cover/98.jpg" class="img_style"></a>
                <a class="floor_goods_tit">&lt;&lt; 撒哈拉的故事 &gt;&gt;</a>
                <a class="floor_goods_txt">出版社：皇冠出版社</a>
                <a class="floor_goods_price">价格：160元</a>
            </li>
            <li id="last_child1">
                <p class="sort_title">畅销排行榜</p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=1&bookId=138&method=bookId">1.简爱</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=5&bookId=137&method=bookId">2.傲慢与偏见</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=5&bookId=142&method=bookId">3.傅雷家书</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=2&bookId=144&method=bookId">4.国富论</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=5&bookId=145&method=bookId">5.资本论</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=2&bookId=119&method=bookId">6.笑傲江湖</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=1&bookId=121&method=bookId">7.盗墓笔记</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=1&bookId=131&method=bookId">8.道德经</a></p>
                <p class="sort"><a href="http://localhost:8080/data/book?shopId=3&bookId=139&method=bookId">9.飘</a></p>
                <p class="sort_last"><a href="http://localhost:8080/data/book?shopId=2&bookId=109&method=bookId">10.白夜行</a></p>
            </li>
            <li class="floor_goods_wrap_li">
                <a href="http://localhost:8080/data/book?shopId=1&bookId=99&method=bookId" class="floor_goods_img"><img src="cover/99.jpg" class="img_style"></a>
                <a class="floor_goods_tit">&lt;&lt; 我们仨 &gt;&gt;</a>
                <a class="floor_goods_txt">出版社：生活.读书.新知三联书店</a>
                <a class="floor_goods_price">价格：18.8元</a>
            </li>
            <li class="floor_goods_wrap_li">
                <a href="http://localhost:8080/data/book?shopId=3&bookId=100&method=bookId" class="floor_goods_img"><img src="cover/100.jpg" class="img_style"></a>
                <a class="floor_goods_tit">&lt;&lt; 看见 &gt;&gt;</a>
                <a class="floor_goods_txt">出版社：广西师范大学出版社</a>
                <a class="floor_goods_price">价格：39.8元</a>
            </li>
            <li class="floor_goods_wrap_li">
                <a href="http://localhost:8080/data/book?shopId=5&bookId=101&method=bookId" class="floor_goods_img"><img src="cover/101.jpg" class="img_style"></a>
                <a class="floor_goods_tit">&lt;&lt; 瓦尔登湖 &gt;&gt;</a>
                <a class="floor_goods_txt">出版社：上海译文出版社</a>
                <a class="floor_goods_price">价格：11元</a>
            </li>
            <div style="clear:both;"></div>
        </ul>
    </div>
</div>
<div id="foot_box">
    <div id="foot_wrap">
        <div class="foot_top">
            <ul>
                <li><a href="Self_Information.jsp">个人信息设置</a></li>
                <li class="font_top_i">|</li>
                <li><a href="First_Page.jsp">返回首页</a></li>
                <li class="font_top_i">|</li>
                <li onclick="show_error()">用户购物指南</li>
                <li class="font_top_i">|</li>
                <li><a href="user_Agreement.html">用户协议须知</a></li>
            </ul>
        </div>
        <div class="foot_bottom">
            <span> <a href="">返回顶部</a></span>
        </div>
    </div>
</div>
</body>
</html>